<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用用特殊变量event把原生DOM事件传入方法</title>
<!--引入Vue库-->
<script src="vue.js"></script>
</head>
<body>
<div id="app">
  <button v-on:click="show('admin',$event)">显示用户1的名称</button>
  <button v-on:click="show('江西',$event)">显示用户2的名称</button>
   <p>{{ userName }}</p>
   <p>{{ message }}</p>
</div>
<script>
var vm = new Vue({
    el: '#app',
    data:{
      userName:'',
	  message:''
    },
    methods: {
      show: function (name,event) {
        if(event){
          event.preventDefault()    //阻止元素发生默认的行为
		  this.message='当前单击的按钮名称为：'+event.target.innerHTML
		  this.userName = '当前用户名为：'+name
        }         
      }
    }
  })
</script>
</body>
</html>
